
<template>
    <div id="app" style="background-color: #edf1f7 !important;">
      <header-view></header-view>
    <div class="section">
        <backgroundView></backgroundView>
        <coursedetailView></coursedetailView>
        <sectionView></sectionView>
    </div>
      <footerView></footerView>
    </div>
  </template>


<script>
import headerView from './component/headerView.vue';
import footerView from '@/components/footerView.vue';
import backgroundView from './component/backgroundView.vue';
import coursedetailView from './component/coursedetailView.vue';
import sectionView from './component/sectionView.vue';
import { getCourseDetail } from '@/api/request.js';





export default {
  name: 'DetailView',
  components: {
    headerView,
    footerView, 
    backgroundView,
    coursedetailView,  
    sectionView,
  }, 
  data() {
        return {
            courseDetail: {}
        }
    },
  methods: {
   
  },
  created() {
    getCourseDetail(this.$route.query.courseId).then((result) => {
            this.courseDetail = result.data;
            }).catch((err) => {
              console.log(err);
            });
  }
}
</script>